




/*three*/
#three{
width:1256px;
height:600px;
background:#f7f7f7;

margin:0 auto;
margin-top:866px;

transition:background-color 2s ease-in 1s;
}
#three:hover{
background-color:pink;
}
#p{
float:left;
width:48%;
height:600px;
background:#084b6b;
color:width;
transition:background-color 2s ease-in 1s;
}
#p:hover{
background-color:#FF6A6A;
}
#p p:hover{
	font-size:16px;
}
#pp{
float:right;
width:48%;
height:600px;
background:#558d8d;
color:white;
transition:background-color 2s ease-in 1s;
}	
#pp:hover{
background-color:#FF6A6A;

}
h2,h3,p{
	text-indent:1em;
}
#pp ul p{
text-decoration:underline;
}
#m1{
text-align:right;
margin:37px 63px;
background-color:yellowgreen;
}
#p:hover{
border:1px solid orange;

}
#pp:hover{
border:1px solid orange;

}
#pp ul p:hover{
font-size:16px;
color:blue;
}

/*four*/
#four{
width:1519px;
height:330px;
background-image:url(../imger/123.jpg);
transition:background-imger 2s ease-in 1s;
margin:0 auto;
margin-top:40px;
}
#four:hover{
background-image:url(../imger/124.jpg);
}

#four h1{
	margin-top:20px;
color:orange;
text-align:center;

}
#four h3{
 margin:18px 88px;
}
.w1 ul li{
	width:300px;
float:left;
margin-left:190px;
margin-right:-98px;
margin-top:25px;
}
.w1:hover{
}
.w1 ul li img:hover{
width:355px;
height:210px;
}
.w2 ul li img:hover{
width:355px;
height:210px;
}
.w2{
	margin-left:0px;
	margin-right:190px;	
	margin-top:25px;
float:right;
}

/*five*/
#five{
width:1431px;
height:709px;
background-image:url(../imger/1111.jpg);
margin:0 auto;
margin-top:60px;
}


#five #c1 p{
width:40px;
height:100px;
border-radius:12px;
box-shadow:2px 2px 2px #999;
transition:width 2s ease-in;
background-image:url(../imger/8888.jpg);
overflow:hidden;
margin:10px auto;
text-indent:4em;
margin-top:20px;
padding-left:3em;
padding-right:2em;
}
#five #c1 p:hover{
width:360px;
display:block;
color:white;
height:300px;
}


/*左边图书*/
#m1 #c2{
float:left;
width:45%;
height:345px;
background-color:#2aa191;
box-shadow:2px 2px 2px #999;
transition:background-color 2s ease-in 1s;
}
#m1 #c2:hover{
	background-color:gold;
	}

#m1 #c3{
	width:45%;
	height:345px;
	background:#2aa191;
float:right;
box-shadow:2px 2px 2px #999;
transition:background-color 2s ease-in 1s;
}
#m1 #c3:hover{
	background-color:gold;

	}
#five  h3{
text-align:center;
margin:10px auto;
}

#five h1{
text-align:center;
border:2px groove orange;
}
#m1 #c2 #e1{
width:100%;
height:56px;

}
#m1 #c2 #e1 h3{
color:white;
text-align:center;
}
#m1 #c2 #e2{
width:100%;
height:110px;

}
#r1 p:hover{
color:white;
}

#m1 #c2 #e2 #r1{
	float:left;
	margin-left:268px;
	margin-top:4px;
width:40px;
height:100px;
background-image:url(../imger/8888.jpg);
border-radius:12px;
box-shadow:2px 2px 2px #999;
transition:width 2s ease-in;
overflow:hidden;
}

#m1 #c2 #e2 #r1:hover{
width:430px;
height:300px;
}
#c2 #e2 #r1 p{
color:width;
}

#m1 #c2 #e3{
width:100%;
height:68px;
background:;
margin-top:0px;
}
#m1 #c2 #e3 h3{
margin-top:20px;
}

#m1 #c2 #e1 p{
margin:20px 20px;
}

/*右边图书*/
#m1 #c3 #e1{
width:100%;
height:56px;

}
#m1 #c3 #e1 h3{
color:white;
text-align:center;
}
#m1 #c3 #e2{
width:100%;
height:110px;
background:;

}
#m1 #c3 #e2 #r1{
	float:left;
	margin-left:268px;
	margin-top:4px;
width:40px;
height:100px;
background-image:url(../imger/8888.jpg);
border-radius:12px;
box-shadow:2px 2px 2px #999;
transition:width 2s ease-in;
overflow:hidden;
}

#m1 #c3 #e2 #r1:hover{
width:430px;
height:300px;
}
#c3 #e2 #r1 p{
color:width;
}

#m1 #c3 #e3{
width:100%;
height:68px;
background:;
margin-top:0px;
}
#m1 #c3 #e3 h3{
margin-top:20px;
}

#m1 #c3 #e1 p{
margin:20px 20px;
}



/*页脚*/
#foot{
width:100%;
height:90px;
margin-top:0px;
background:#46086b;
text-align:center;
background-color:#46086b;
transition:background-color 2s ease-in 1s;
}
#foot:hover{
	background-color:#FF6A6A;
	color:orange;
}
h1{
color:width;
}